<template>
  <view class="weather-bar">
    <view class="weather-info">4℃ 小雨 泉州 PM2.59</view>
    <view class="search-box">搜索关键词</view>
  </view>
</template>

<style scoped>
.weather-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #d92929;
  color: #fff;
  padding: 20rpx;
}
.weather-info {
  font-size: 28rpx;
}
.search-box {
  background-color: #fff;
  color: #999;
  padding: 10rpx 20rpx;
  border-radius: 30rpx;
  font-size: 28rpx;
  width: 240rpx;
  text-align: center;
}
</style>